*{
	padding:0;
	margin:0;
}
.header{
	width	:	100%;
	background: rgba(23, 23, 50, 0.5);
}
.weather{
	width	:	100%;
	height	:	100%;
	float	:	left;
	font-size	:	0;
	position:	relative;
}
.weather img{
	padding: 1%;
	height: 100%;
	border:"0";
}
.weather > img:nth-child(2),.weather > img:nth-child(3){
	padding: 0 0 10px 0;
	margin-left: -10px;
	border:"0";
}
nav {
	background-color: #121212;
	text-align: center;
}
.footer{
	width:100%;
	float: left;
	background:black;
	justify-content: center;
	text-align: center;
	color: white;
}
.footer ul{
	text-decoration: none;
	list-style: none;
}
.footer ul > li {
	display:inline;
}
.footer ul > li img{
	height: 90px;
}
body{
	background-image: url(../img/gif/test.png);
	letter-spacing: 1px;
}
@media screen and (min-width:800px){
	.header{
		height	:	12%;
	}
	.weather > img:nth-child(2),.weather > img:nth-child(3){
		height: 50%;
	}
	nav {
		height: 52px;
	}
	.footer{
		height:20%;
	}
	.footer ul{
		height: 50%;
	}
}
@media screen and (max-width:800px){
	.header{
		height	:	8%;
	}
	.weather{
		text-align: center;
	}
	.weather img{
		height:65%;
	}
	.weather > img:nth-child(2),.weather > img:nth-child(3){
		margin-left: 0.08%;
		height: 40%;
	}
	nav {
		height: 40px;
	}
	.footer{
		height:13%;
	}
	.footer ul{
		height: 50%;
	}
}